<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>blog</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="header">
	<a class="logo" href="#">
		<img src="img/logo.png">
		<h1>Column</h1>
	</a>
	<ul class="header-menu">
		<li><a href="#">网站首页</a></li>
		<li class="arrowdown"><a href="#">个人档案<span class="arrow">&gt;</span></a>
			<ul class="second">
				<li><a href="#">关于我</a></li>
				<li><a href="#">我的相册</a></li>
				<li><a href="#">我的作品</a></li>
			</ul>
		</li>
		<li><a href="#">个人博客</a></li>
		<li class="arrowdown"><a href="#">技术探讨<span class="arrow">&gt;</span></a>
			<ul class="second">
				<li><a href="#">DIV+CSS</a></li>
			</ul>
		</li>
		<li><a href="#">给我留言</a></li>
		<li><a href="#">友情链接</a></li>
	</ul>
</div>
<div class="container">
	<div class="banner">
		<img src="img/banner1.jpg" alt="">
	</div>
</div>
<div class="motto">
	<p>有时候不是我不理你，其实我也想你了，只是我不知道该对你说什么。不管过去如何，过去的已经过去，最好的总在未来等着你。当我们懂得珍惜平凡的幸福的时候，就已经成了人生的赢家。<strong>Nothing is as sweet as you</strong> 再没什么，能甜蜜如你。我以为只要很认真的喜欢就能打动一个人，到后来，却只打动了我自己。</p>
	<ul>
		<li><img src="img/01.jpg" alt="图片不见了"></li>
		<li><img src="img/02.jpg" alt="图片不见了"></li>
		<li><img src="img/03.jpg" alt="图片不见了"></li>
	</ul>
</div>
<div class="container2">
	<ul class="template">
		<li>
			<h2>Powerfull</h2>
			<img src="img/01.jpg" alt="没有图片">
			<p>有时候不是我不理你，其实我也想你了，只是我不知道该对你说什么。不管过去如何，过去的已经过去，最好的总在未来等着你。当我们懂得珍惜平凡的幸福的时候，就已经成了人生的赢家。Nothing is as sweet as you 再没什么，能甜蜜如你。我以为只要很认真的喜欢就能打动一个人，到后来，却只打动了我自己。</p>
			<h4>
				<a href="#">
					<b>阅读</b>
					<span>更多>></span>
				</a>
			</h4>
		</li>
		<li>
			<h2>Powerfull</h2>
			<img src="img/02.jpg" alt="没有图片">
			<p>有时候不是我不理你，其实我也想你了，只是我不知道该对你说什么。不管过去如何，过去的已经过去，最好的总在未来等着你。当我们懂得珍惜平凡的幸福的时候，就已经成了人生的赢家。Nothing is as sweet as you 再没什么，能甜蜜如你。我以为只要很认真的喜欢就能打动一个人，到后来，却只打动了我自己。</p>
			<h4>
				<a href="#">
					<b>阅读</b>
					<span>更多>></span>
				</a>
			</h4>
		</li>
		<li>
			<h2>Powerfull</h2>
			<img src="img/03.jpg" alt="没有图片了">
			<p>有时候不是我不理你，其实我也想你了，只是我不知道该对你说什么。不管过去如何，过去的已经过去，最好的总在未来等着你。当我们懂得珍惜平凡的幸福的时候，就已经成了人生的赢家。Nothing is as sweet as you 再没什么，能甜蜜如你。我以为只要很认真的喜欢就能打动一个人，到后来，却只打动了我自己。</p>
			<h4>
				<a href="#">
					<b>阅读</b>
					<span>更多>></span>
				</a>
			</h4>
		</li>
	</ul>
</div>
<div class="idea">
	<p>当我们懂得珍惜平凡的幸福的时候，就已经成了人生的赢家。Nothing is as sweet as you 再没什么，能甜蜜如你。我以为只要很认真的喜欢就能打动一个人，到后来，却只打动了我自己。</p>
</div>
<div class="footer">
	<div class="foot-mid">
		<ul>
			<li class="visitors">
				<h4>最近访客</h4>
				<ul>
					<li>
						<a href="#">
							<img src="img/01.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<img src="img/02.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<img src="img/03.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<img src="img/04.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<img src="img/01.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<img src="img/02.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<img src="img/03.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<img src="img/04.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<img src="img/01.jpg" alt="">
						</a>
					</li>

				</ul>
			</li>
			<li class="links">
				<h4>合作伙伴</h4>
				<ul>
					<li>
						<a href="#">个人博客网站</a>
					</li>
					<li>
						<a href="#">百度</a>
					</li>
					<li>
						<a href="#">Google</a>
					</li>
					<li>
						<a href="#">Sina</a>
					</li>
					<li>
						<a href="#">3dst技术服务中心</a>
					</li>
					<li>
						<a href="#">3dstweb</a>
					</li>
				</ul>
			</li>
			<li class="links">
				<h4>友情链接</h4>
				<ul>
					<li>
						<a href="#">个人博客网站</a>
					</li>
					<li>
						<a href="#">百度</a>
					</li>
					<li>
						<a href="#">3dst技术服务中心</a>
					</li>
					<li>
						<a href="#">3dstweb</a>
					</li>
				</ul>
			</li>
			<li class="contact">
				<h4>留言</h4>
				<form action="">
					<input type="text" placeholder="Name">
					<input type="text" placeholder="Email">
					<textarea name="" id="" cols="30" rows="10"></textarea>
					<input class="submit" type="submit" value="send">
				</form>
			</li>
		</ul>
	</div>
	<div class="footer-bottom">
		<ul>
			<span>Copyright 2011 - 2014 design by</span>
			<a href="#">dancesmile</a>
		</ul>
	</div>
</div>
</body>
</html>
